<template>
  <div class="search-line flex flex-between">
    <div>
      <input v-model.trim="searchValue" class="mr-16" type="text" placeholder="请输入手机号" />
      <button @click="search">搜索</button>
    </div>
    <div>
      <button @click="add">添加会员</button>
    </div>
  </div>
</template>
<script lang="ts">
import { Component, Provide, Prop, Vue } from 'vue-property-decorator'

@Component
export default class Dialog extends Vue {

  @Provide()
  searchValue: string = ''

  search() {
    this.$emit('search', this.searchValue)
  }

  add() {
    this.$emit('add')
  }

}
</script>
<style lang='scss' scoped>
.search-line {
  padding-bottom: 10px;
  border-bottom: 1px solid #666;
}
</style>